<template>
  <div>
    <div>
      <CloudButton @click="clickBtn()">显示</CloudButton>
      <CloudModal
        :visible="visible"
        :destroyOnClose="true"
        :showFooter="false"
        dialogClass="test-dialog"
        subTitle="我是副标题"
        okText="确定"
        cancelText="取消"
        @ok="handleOk()"
        @cancel="closeModel()"
      >
        <cloudInput></cloudInput>
      </CloudModal>
    </div>
  </div>
</template>

<script>
export default {
  title: '7.不展示模态框footer',
  data() {
    return {
      visible: false
    }
  },
  methods: {
    clickBtn() {
      this.visible = !this.visible
    },
    closeModel() {
      this.visible = false
      console.log('cancelcancelcancel')
    },
    handleOk() {
      console.log('okokok')
    }
  }
}
</script>

<style lang="scss">
</style>